<template>
  <view class="tab-bar-divider" :style="{ height: `${height * 2}rpx` }"></view>
</template>

<script setup>
  import { onLoad } from "@dcloudio/uni-app"
  import { ref } from "vue"

  const height = ref(0)

  onLoad(() => {
    height.value = getApp().globalData.tabBarHeight
    console.log(height.value)
  })
</script>

<style lang="less" scoped>
  .tab-bar-divider {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
</style>
